// pc端
@media screen and (min-width:1000px) {
    
//banner
.banner{
    margin:0 5%;
    position: relative;
    .btn-next{
        width: 100%;
        box-sizing: border-box;
        padding-right: 20px;
        height: 50px;
        position: absolute;
        text-align: right;
        bottom:50%;
        margin-top:-25px;
        .btn-lg{
            font-size:30px;
            color:#eee;
        }
    }
    .banner-indicator{
        position: absolute;
        right: 50px;
        bottom:50px;
        z-index: 999;
        color:#fff; 
        span{
            font-size: 20px;
        }
        .banner_acitve_index{
            font-size:50px;
            float: left;
        }
        .banner_total_length{
            font-size: 30px;
        }
    }
}
.carousel-inner img{
    width: 100%;
}



//content
.content{
   margin-top:15px;
   overflow: hidden; 
    background-color:#e6e6e6;
    width: 100%;
}
.content-inner{
    width: 95%;
    margin:0 auto;

    .content_inner_list1{
        margin-top:30px;
        width: 100%;
        height: 425px;
        display: flex;
        justify-content: center;
        img{
            display:none;
            width: 100%;
            height: 100%;
        }
        &>div:nth-child(1){
            width: 640px;
            margin-right:10px;
        }
        &>div:nth-child(2){
            background:url('http://file.rzkeji.com/web/f6/web/images/index/web_content/00_09.jpg') 100% no-repeat;
            width: 410px;
        }
    }
    .content_inner_list2{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 200px;
        margin-top:10px;
        img{
            width: 100%;
            height: 100%;
        }
        &>div:nth-child(1){
            width:428px;
            height: 100%;
        }
        &>div:nth-child(2){
            width:200px;
        }
        &>div:nth-child(3){
            width:410px;
        }
        &>div:nth-child(1),&>div:nth-child(2){
            margin-right:10px;
            
        }

    }
    .content_inner_list3{
        margin-top:10px;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 200px;
        img{
            width: 100%;
            height: 100%;
        }
        &>div:nth-child(1){
            width:428px;
            height: 100%;
        }
        &>div:nth-child(2){
            width:200px;           
        }
        &>div:nth-child(3){
            width:200px;
            height: 100%;
        }
        &>div:nth-child(4){
            width:200px;
        }
        &>div:nth-child(1),&>div:nth-child(2),&>div:nth-child(3),&>div:nth-child(3){
            margin-right:10px;
            
        }
    }
    .content_inner_list_tit_cn{
        font-family: 'HYYaKuHeiW';
        font-size:30px;
        
    }
    .content_inner_list_tit_en{
        font-family: 'HYYaKuHeiW';
        font-size:20px;
        color:#7f7f7f;
        width: 100%;
    }
    .content_inner_list_con{
        font-family: 'Source Han Sans CN';
        font-size: 15px;
        line-height: 30px;
        color:#878787;
        width: 100%;
    }
    .content_inner_list2_sp{
        background: #fff;
    }
    .introduce1,.introduce2{
        margin:10px;
    }
    .introduce2{
        text-align: right;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    .more{
        margin-top:5px;
    }
    .more img{
        display: inline-block ;
        vertical-align: middle;
        width: 10px;
        height: 10px;
    }
    .more span{
        font-family: 'Source Han Sans CN';
        font-size: 15px;
        color:#878787;
        vertical-align: middle;
    }
}


}



//手机端

@media screen and (max-width:1000px){
    header{
        width: 100%;
        position: absolute;
        z-index: 99;
        // background:linear-gradient(180deg,rgba(0,0,0,0.8),rgba(0,0,0,0.6)) !important;
        background: #000;
        box-shadow: #000 0 10px 60px 15px;
        
    }

    //banner
    .banner{
        width: 100%;
        // height: 11rem;
        position: relative;
        img{
            width:100% !important;
        }
        .btn-next{
            //把下箭头隐藏
            // display:none;
            position: absolute;
            top:50%;
            transform: translateY(-50%);
            right:0.2rem;
            a{
                color:#fff;
            }
        }
        .banner-indicator{
            position: absolute;
            right: 0.5rem;
            bottom:0.5rem;
            z-index: 999;
            color:#fff; 
            span{
                font-size: 0.4rem;
            }
            .banner_acitve_index{
                font-size:0.7rem;
                float: left;
            }
            .banner_total_length{
                font-size: 0.5rem;
            }
        }
    }

    //content
    .content{
        background-color:#e6e6e6;
        width: 100%;
        .content-inner{
            margin:0.2rem 0.05rem;
            .content_inner_list1{
                background: #fff;
                width: 100%;
                img{
                width: 100%;
                } 
                &>div:nth-child(2){
                    width: 100%;
                    // height: 3.1rem;
                }
            }
            .content_inner_list2{
                background: #fff;
                margin-top:0.2rem;
                width: 100%;
                img{
                width: 100%;
                }
                &>div:nth-child(3){
                    width: 100%;
                    // height: 3.1rem;
                }
            }
            .content_inner_list3{
                margin-top:0.2rem;
                display: flex;
                flex-wrap: wrap;
                padding-bottom: 100%;
                height: 0;
                &>div{
                    height: 0;
                    width: 48%;
                    padding-bottom: 48%;
                    img{
                        width: 100%;
                    }
                }
                &>div:nth-child(1),&>div:nth-child(3){
                    margin-bottom: 4%;
                    margin-right: 4%;
                }

            }
            .content_inner_list_tit_cn{
                font-family: 'HYYaKuHeiW';
                font-size:0.6rem;
                width: 100%;
            }
            .content_inner_list_tit_en{
                font-family: 'HYYaKuHeiW';
                font-size:0.4rem;
                color:#7f7f7f;
                width: 100%;
            }
            .content_inner_list_con{
                font-family: 'Source Han Sans CN';
                font-size: 0.25rem;
                line-height: 0.7rem;
                color:#878787;
            }
            .introduce1,.introduce2{
                margin:0.2rem;
            }
            .introduce2{
                text-align: right;
                display: flex;
                justify-content: flex-end;
                flex-wrap: wrap;
            }
            .more{
                margin-top:0.2rem;
            }
            .more img{
                display: inline-block ;
                vertical-align: middle;
                width: 0.3rem;
                height: 0.3rem;
            }
            .more span{
                font-family: 'Source Han Sans CN';
                font-size: 0.3rem;
                color:#878787;
                vertical-align: middle;
            }
            
        }
    }
}




// banner的公共样式
// .carousel-inner > .item.next,
//   .carousel-inner > .item.active.right {
//     left: 0;
//     -webkit-transform: translate3d( 0,100%, 0);
//             transform: translate3d( 0,100%, 0);
//   }
//   .carousel-inner > .item.prev,
//   .carousel-inner > .item.active.left {
//     left: 0;
//     -webkit-transform: translate3d( 0,-100%, 0);
//             transform: translate3d( 0,-100%, 0);
//   }
//   .carousel-inner > .item.next.left,
//   .carousel-inner > .item.prev.right,
//   .carousel-inner > .item.active {
//     left: 0;
//     -webkit-transform: translate3d(0, 0, 0);
//             transform: translate3d(0, 0, 0);
//   }